<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <title>开始使用layui</title>
        <link rel="stylesheet" href="../layui/css/layui.css">
    </head>
<body>
    <fieldset class="layui-elem-field site-demo-button" style="margin-top: 20px">
        <legend>按钮主题</legend>
        <div>
            <button type="button" class="layui-btn">标准按钮</button>
            <a href="http://www.layui.com" class="layui-btn">一个可跳转的按钮</a>
            <button type="button" class="layui-btn layui-btn-normal">百搭按钮</button>
            <button type="button" class="layui-btn layui-btn-warm">暖色按钮</button>
            <button type="button" class="layui-btn layui-btn-disabled">禁用按钮</button>
        </div>
    </fieldset>
    <fieldset class="layui-elem-field site-demo-button">
        <legend>按钮尺寸</legend>
        <div>
            <button type="button" class="layui-btn layui-btn-primary layui-btn-lg">大型按钮</button>
            <button type="button" class="layui-btn layui-btn-primary">默认按钮</button>
            <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">小型按钮</button>
            <button type="button" class="layui-btn layui-btn-primary layui-btn-xs">迷你按钮</button>

            <br>

            <button type="button" class="layui-btn layui-btn-lg">大型按钮</button>
            <button type="button" class="layui-btn">默认按钮</button>
            <button type="button" class="layui-btn layui-btn-sm">小型按钮</button>
            <button type="button" class="layui-btn layui-btn-xs">迷你按钮</button>

            <br>

            <button type="button" class="layui-btn layui-btn-lg layui-btn-normal">大型按钮</button>
            <button type="button" class="layui-btn layui-btn-normal">默认按钮</button>
            <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">小型按钮</button>
            <button type="button" class="layui-btn layui-btn-xs layui-btn-normal">迷你按钮</button>

            <br>

            <div style="width: 216px; margin: 0;">
                <button type="button" class="layui-btn layui-btn-fluid">流体按钮</button>
            </div>
        </div>
    </fieldset>
</body>
</html>